<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>操作值</title>
    <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            $(":button").click(function () {
                //获取id为testId元素的value属性
                // document.getElementById("testId").value();
                // alert($("#testId").val());
                //为id为testId元素的value属性赋值
                // $("#testId").val("123");
                //获取div中的文本内容
                // alert($("div").text());
                //获取div中的所有内容
                // alert($("div").html());
                //为div进行赋值
                // alert($("div").html("你好呀"));
                //操作input元素的属性
                // alert($("input").prop("type"));

                $("#btnId").alert("class","testClass");

        });
        });
    </script>
    <style type="text/css">
        .testClass{width: 500px; height: 500px;}
    </style>
</head>
<body>

<div><span>helloworld</span></div>
<input type="button" value="点击" id="btnId">

<input type="text" id="testId">
<input type="text">
<input type="text">
<input type="button" value="点击" id="btnId">
<input type="button" value="点击" id="btnId">
<input type="button" value="点击" id="btnId">
</body>
</html>